<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>自助建站-起飞页 | 响应式网站</title>
    <link rel="icon" href="./logo.png">
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font/iconfont.css">

</head>

<body>
    <!-- 遮罩层 -->
    <div class="coverBox hidden-lg hidden-md hidden-sm"></div>

    <!-- 导航栏 -->
    <header>
        <nav class="navbar navbar-default my_nav">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <!-- 按钮 -->
                    <button type="button" class="navbar-toggle collapsed pull-left navBtn">
                        <span class="glyphicon glyphicon-align-justify"></span>
                    </button>

                    <!-- 右侧图标 -->
                    <ul class="nav navbar-nav hidden-sm hidden-md hidden-lg navRight">
                        <li><a href="#"><span class="iconfont icon-search"></span></a></li>
                        <li><a href="#"><span class="iconfont icon-user"></span></a></li>
                        <li><a href="#"><span class="iconfont icon-shop-cart"></span></a></li>

                    </ul>
                    <!-- logo -->
                    <a class="navbar-brand" href="#">
                        <img src="./img/qifeiye.png" alt="" class="img-responsive">
                    </a>

                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">模板<span class="glyphicon glyphicon-menu-down"></span></a></li>
                        <li><a href="#">套餐<span class="glyphicon glyphicon-menu-down"></span></a></li>
                        <li><a href="#">案例</a></li>
                        <li><a href="#">文档<span class="glyphicon glyphicon-menu-down"></span></a></li>
                        <li><a href="#">推广</a></li>
                        <li><a href="#">工具</a></li>

                    </ul>

                    <ul class="nav navbar-nav navbar-right hidden-xs">
                        <li><a href="#"><span class="iconfont icon-search"></span></a></li>
                        <li><a href="#"><span class="iconfont icon-user"></span></a></li>
                        <li><a href="#"><span class="iconfont icon-shop-cart"></span></a></li>

                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
        <!-- 左侧移动盒子 -->
        <div class="navMoveBox hidden-lg hidden-md hidden-sm">
            <div class="moveHeader clearfix">
                <div class="pull-left">登录</div>
                <div class="pull-right">注册</div>
            </div>
            <div class="kefuBox">
                客服热线：4000123456
            </div>
            <ul class="list-group">
                <li class="list-group-item">首页</li>
                <li class="list-group-item">模板</li>
                <li class="list-group-item">套餐</li>
                <li class="list-group-item">案例</li>
                <li class="list-group-item">文档</li>
                <li class="list-group-item">推广</li>
                <li class="list-group-item">工具</li>
            </ul>
        </div>
    </header>

    <!-- 简介栏 -->
    <div class="infoBox">
        <!-- 背景 -->
        <img src="./img/child.jpg" alt="" class="hidden-md hidden-lg">
        <video autoplay loop muted class="hidden-xs hidden-sm">
            <source src="./video/video1.mp4" type="video/mp4">
            <source src="./video/video1.webm" type="video.webm">
        </video>
        <!-- 内容 -->
        <div class="infoContent">
            <div class="infoContainer">
                <div class="infoText-1 col-md-6 pull-right hidden-xs hidden-sm">
                    <div class="text-1"></div>
                    <div class="text-2">
                        <p>真「响应式」自助建站平台</p>
                        <p>艺术品级模板 引领自助建站潮流</p>
                    </div>
                    <a href="#" class="text-3">免 费 创 建 账 户</a>
                </div>
                <div class="infoText-2 hidden-lg hidden-md">
                    <div class="text-1">自己做网站<br> 简单又省钱</div>
                    <div class="text-2">
                        <p>引领「响应式自助建站」潮流</p>
                        <p>每一套模板都是艺术品</p>
                    </div>
                    <a href="#" class="text-3">免 费 创 建 账 户</a>
                </div>
            </div>
            <div class="infoIcon hidden-xs hidden-sm">
                <span class="glyphicon glyphicon-menu-down"></span>
            </div>
        </div>
    </div>

    <!-- 视频盒子 -->
    <div class="conBox">
        <div class="container">
            <div class="conTitle">更快，更简单</div>
            <div class="fuTitle">
                <p>让您事半功N倍的建站工具</p>
                <p>一次编辑，在所有设备下使用</p>
            </div>
            <div class="video hidden-sm hidden-xs">
                <div class="tvBg"></div>
                <div class="viedeoBox ">
                    <video autoplay loop muted>
                        <source src="./video/tv.mp4" type="video/mp4">
                        <source src="./video/tv.webm" type="video/webm">
                    </video>
                </div>

            </div>
            <div class="imgBox hidden-lg hidden-md">
                <img src="./img/p1-01.jpg" alt="" class="img-responsive">
            </div>
        </div>
    </div>

    <!-- 内容列表栏 -->
    <div class="rowBox">
        <div class="container">
            <div class="col-md-6 rowImg">
                <img src="./img/p1-02.png" alt="" class="img-responsive">
            </div>
            <div class="col-md-6">
                <div class="rowTitle">
                    基于H5模板，快速搭建一个响应式网站
                </div>
                <p class="rowContent">
                    起飞页™是一款简单、便捷的工具，可以帮助您制作响应式网站。我们的网站构建器，将传统的编码工作转化为直观的拖拽操作和文字录入。在这里，您仅需花上10分钟便可以完成一个H5响应式网站，您会发现完全不需要编写一行代码，这就是起飞页自助建站的神奇之处。
                </p>
            </div>
        </div>
    </div>
    <div class="rowBox dbRowBox">
        <div class="container">
            <div class="col-md-6 rowImg pull-right">
                <img src="./img/p1-03.png" alt="" class="img-responsive">
            </div>
            <div class="col-md-6 pull-left">
                <div class="rowTitle">
                    真正的响应式自助建站，自适应所有设备
                </div>
                <p class="rowContent">
                    不同于其它假响应式品牌，起飞页采用的是真正的响应式引擎。您只需对网站资料进行一次性输入，网站即可根据访问者的设备智能地呈现出完美效果，全程无需人工干预。设备包括但不限于：计算机、Pad、微信、手机和电视。
                </p>
            </div>
        </div>
    </div>
    <div class="rowBox">
        <div class="container">
            <div class="col-md-6 rowImg">
                <img src="./img/p1-04.png" alt="" class="img-responsive">
            </div>
            <div class="col-md-6">
                <div class="rowTitle">

                    服务器&网络&全球部署
                </div>
                <p class="rowContent">
                    起飞页自助建站平台全面采用第二代云服务器和云网络。其中，服务器硬件使用国内领先的Xeon处理器、32个物理CPU核心、RAID10存储、ECC内存、SSD硬盘，高配服务器在提供超高性能的同时，更可减少出错几率；另外，优质、昂贵的中港加速网络确保您在大陆地区也可以迅速稳定地打开香港的网站。起飞页拥有中国大陆、中国香港以及全球5个海外云节点可供选择，将网站一键部署到距离客户近的国家和地区。
                </p>
            </div>
        </div>
    </div>
    <div class="rowBox dbRowBox">
        <div class="container">
            <div class="col-md-6 rowImg pull-right">
                <img src="./img/p1-05.png" alt="" class="img-responsive">
            </div>
            <div class="col-md-6 pull-left">
                <div class="rowTitle">
                    全面的搜索引擎优化 轻松获得更高排名
                </div>
                <p class="rowContent">谁说自助建站的SEO效果就一定差？
                    无需额外设置，平台自动为您生成网站地图（sitemap），帮助搜索引擎全面地对网站进行索引；同时，页面标题、页面描述以及静态化链接技术也可以帮助您更加轻松地获得较高的关键词排名。</p>
            </div>
        </div>
    </div>

    <!-- 性能栏 -->
    <div class="workBox">
        <div class="container">
            <div class="workTitle">1秒打开，快得有点儿狠</div>
            <p class="workFuTitle">超高性能云服务器和云网络，CPU提速90%，内存提50%，IO处理提速200%，网速提高100%</p>
            <div class="row">
                <div class="col-md-4">
                    <div class="colBox">
                        <div class="imgBox">
                            <img class="img1" src="./img/p1-16-1.png" alt="">
                            <img class="img2" src="./img/p1-16-2.png" alt="">
                        </div>
                        <p>CDN发布</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="colBox">
                        <div class="imgBox">
                            <img class="img1" src="./img/p1-17-1.png" alt="">
                            <img class="img2" src="./img/p1-17-2.png" alt="">
                        </div>
                        <p>多层缓存</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="colBox">
                        <div class="imgBox">
                            <img class="img1" src="./img/p1-13-1.png" alt="">
                            <img class="img2" src="./img/p1-13-2.png" alt="">
                        </div>
                        <p>页面压缩</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="colBox">
                        <div class="imgBox">
                            <img class="img1" src="./img/p1-14-1.png" alt="">
                            <img class="img2" src="./img/p1-14-2.png" alt="">
                        </div>
                        <p>静态文件合并</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="colBox">
                        <div class="imgBox">
                            <img class="img1" src="./img/p1-15-1.png" alt="">
                            <img class="img2" src="./img/p1-15-2.png" alt="">
                        </div>
                        <p>DNS 云解析</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="colBox">
                        <div class="imgBox">
                            <img class="img1" src="./img/p1-12-1.png" alt="">
                            <img class="img2" src="./img/p1-12-2.png" alt="">
                        </div>
                        <p>图片无损压缩</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 模板轮播图 -->
    <div class="muBnBanner">
        <div class="bannerTitle">免费海量模板随您挑选</div>
        <p class="bannerFuTitle">您可以从众多出色的H5模板中挑选您喜欢的</p>

        <div class="bannerBox">
            <!-- 轮播的图片 -->
            <ul class="bannerList clearfix">
                <li><img class="img-responsive" src="./img/banner1.png" alt=""></li>
                <li><img class="img-responsive" src="./img/banner2.png" alt=""></li>
                <li><img class="img-responsive" src="./img/banner3.png" alt=""></li>
                <li><img class="img-responsive" src="./img/banner4.png" alt=""></li>
                <li><img class="img-responsive" src="./img/banner5.png" alt=""></li>
                <li><img class="img-responsive" src="./img/banner6.png" alt=""></li>
                <li><img class="img-responsive" src="./img/banner7.png" alt=""></li>
                <li><img class="img-responsive" src="./img/banner8.png" alt=""></li>
            </ul>


            <!-- 左右按钮 -->
            <div class="prevBtn">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </div>
            <div class="nextBtn">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </div>
        </div>
    </div>

    <!-- 用户网站展示 -->
    <div class="userWorksBox">
        <div class="container">
            <div class="userTitle">始于2007年，已经为超过15万用户提供建站服务</div>
            <p class="userFuTitle">众多不了解编程的用户使用起飞页自助建站平台做出了效果非凡的网站。也许，您也可以和他们一样出色！</p>
            <div class="worksBox">
                <div class="col-xs-4">
                    <img class="img-responsive" src="./img/kehu1.png" alt="">
                </div>
                <div class="col-xs-4">
                    <img class="img-responsive" src="./img/kehu2.png" alt="">
                </div>
                <div class="col-xs-4">
                    <img class="img-responsive" src="./img/kehu3.png" alt="">
                </div>
                <div class="col-xs-4">
                    <img class="img-responsive" src="./img/kehu4.png" alt="">
                </div>
                <div class="col-xs-4">
                    <img class="img-responsive" src="./img/kehu5.png" alt="">
                </div>
                <div class="col-xs-4">
                    <img class="img-responsive" src="./img/kehu6.png" alt="">
                </div>
            </div>
            <div class="moreWorks">
                <a href="#">查看更多案例</a>
            </div>
        </div>

    </div>

    <!-- 介绍栏 -->
    <div class="intBox">
        <div class="container">
            <div class="intTitle">我们提供的不仅仅是工具</div>
            <p class="intFuTitle">起飞页不仅是一个方便快捷的构建网站的自助建站平台，更重要的是，我们为中国用户提供了更多贴心的服务：网站备案、自动备份、快速恢复以及网站代建服务。
                我们使用了国内、香港和海外领先的网络和云服务器，以确保您的网站能够快速完美地呈现在世界各地的访客面前。</p>
            <div class="intImg">
                <img src="./img/p1-24.png" alt="" class="img-responsive">
            </div>
        </div>
    </div>

    <!-- 合作伙伴 -->
    <div class="partnerBox">
        <div class="container">
            <div class="partnerTitle">合作伙伴</div>
            <div class="partner">
                <div class="col-sm-3 col-xs-6">
                    <div class="parCol">
                        <img src="./img/p1-25 (1).png" alt="" class="img-responsive">
                        <p class="hidden-xs">贝宝合作伙伴</p>
                        <p class="hidden-xs">PayPal</p>
                    </div>
                </div>
                <div class="col-sm-3 col-xs-6">
                    <div class="parCol">
                        <img src="./img/p1-25 (4).png" alt="" class="img-responsive">
                        <p class="hidden-xs">阿里云金牌合作伙伴</p>
                        <p class="hidden-xs">aliyun</p>
                    </div>

                </div>
                <div class="col-sm-3 col-xs-6">
                    <div class="parCol">
                        <img src="./img/p1-25 (2).png" alt="" class="img-responsive">
                        <p class="hidden-xs">中国电信指定供应商</p>
                        <p class="hidden-xs">China telecom</p>
                    </div>

                </div>
                <div class="col-sm-3 col-xs-6">
                    <div class="parCol">
                        <img src="./img/p1-25 (3).png" alt="" class="img-responsive">
                        <p class="hidden-xs">亚马逊合作伙伴</p>
                        <p class="hidden-xs">amazon</p>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!-- 客户与评价 -->
    <div class="ctmBox hidden-xs">
        <div class="container">
            <div class="ctmTitle">客户与评价</div>
            <div class="cmtFuTitle">起飞页系统是一款优秀稳定的产品，众多大型机构、企业都在使用平台来构建网站，以下是部分影响力较大的机构和企业，排名不分先后</div>
            <div class="ctmContent">
                <div class="col-sm-3">
                    <div class="imgBox">
                        <img src="./img/hezuo1-1.jpg" class="img1" alt="">
                        <img src="./img/hezuo1-2.jpg" class="img2" alt="">
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="imgBox">
                        <img src="./img/hezuo2-1.jpg" class="img1" alt="">
                        <img src="./img/hezuo2-2.jpg" class="img2" alt="">
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="imgBox">
                        <img src="./img/hezuo3-1.jpg" class="img1" alt="">
                        <img src="./img/hezuo3-2.jpg" class="img2" alt="">
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="imgBox">
                        <img src="./img/hezuo4-1.jpg" class="img1" alt="">
                        <img src="./img/hezuo4-2.jpg" class="img2" alt="">
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="imgBox">
                        <img src="./img/hezuo5-1.jpg" class="img1" alt="">
                        <img src="./img/hezuo5-2.jpg" class="img2" alt="">
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="imgBox">
                        <img src="./img/hezuo6-1.jpg" class="img1" alt="">
                        <img src="./img/hezuo6-2.jpg" class="img2" alt="">
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="imgBox">
                        <img src="./img/hezuo7-1.jpg" class="img1" alt="">
                        <img src="./img/hezuo7-2.jpg" class="img2" alt="">
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="imgBox">
                        <img src="./img/hezuo8-1.jpg" class="img1" alt="">
                        <img src="./img/hezuo8-2.jpg" class="img2" alt="">
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="container hidden-xs">
        <div class="ctnBanner">
            <!-- 取消轮播图自动轮播： data-ride 删除  data-interval设置为false 
                data-ride 指的是页面开始就加载轮播图
                 data-interval指的是自动轮播的时间 -->
            <div id="carousel-example-generic" class="carousel slide" data-interval="false">
                <!-- Indicators  指示点-->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                </ol>

                <!-- Wrapper for slides  轮播内容-->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <div class="col-sm-3">
                            <img src="./img/p1-26 (2).png" alt="">
                        </div>
                        <div class="col-sm-9">
                            <p class="ctmText">
                                我们尝试使用起飞页系统做了大概20个网站。目前为止，起飞页是我们使用过的功能较为完善的一个响应式自助建站系统，基本上可以满足我的企业客户的不同建站需求。有的时候，周末发给客服的问题，也能得到即时的回答，对我们这种帮助客户做网站的公司来说，后期服务是非常重要的。
                            </p>
                            <p class="ctmName">U-Share – 台湾知名建站公司</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="col-sm-3">
                            <img src="./img/p1-26 (3).png" alt="">
                        </div>
                        <div class="col-sm-9">
                            <p class="ctmText">
                                如果和WIX,
                                Weebly或者Squarespace进行比较，我觉得起飞页更像是一个综合体。它和Squarespace一样能做出很多华丽的效果，又像weebly一样能很快的搭建博客，又和wix一样容易上手，而且还是响应式的。总之，起飞页是一个很适合我的平台。
                            </p>
                            <p class="ctmName">北欧维森商旅</p>
                        </div>

                    </div>
                    <div class="item">
                        <div class="col-sm-3">
                            <img src="./img/p1-26 (1).png" alt="">
                        </div>
                        <div class="col-sm-9">
                            <p class="ctmText">
                                选用起飞页一是因为他们就在我们隔壁，二是他们的价格确实很吸引人。在试用了3个月后，我们果断的购买了5年的套餐。起飞页不仅提供了一个美观大方的网站，也提供了稳定的后期服务。我们不断的在为客户介绍起飞页。
                            </p>
                            <p class="ctmName">苏州金蝶软件</p>
                        </div>

                    </div>

                </div>

                <!-- Controls 左右按钮-->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>

                </a>
            </div>
        </div>
    </div>

    <!-- 工作时间 -->
    <div class="kefuBox">
        <div class="container">
            <div class="col-sm-3">
                <p class="text-16">客户服务热线：</p>
                <p class="text-22">4006-285-729</p>
            </div>
            <div class="col-sm-6">
                <p class="text-22">工作时间：09:00~19:00（节假日定时响应）</p>
                <p class="text-14">为每个用户提供优质的客户服务 让每个人都能自己做出赏心悦目的网站</p>
            </div>
            <div class="col-sm-3">
                <img src="./img/p1-27.jpg" alt="">
            </div>
        </div>
    </div>

    <!-- 友情链接 -->
    <div class="linkBox">
        <div class="container">
            <div class="link">
                友情链接：
                <a href="#">自助建站 </a>
                <a href="#">快八哥多语言 </a>
                <a href="#">开源CMS </a>
                <a href="#">Fotor平面设计</a>
                <a href="#">免费网站模板</a>

            </div>
        </div>
    </div>

    <!-- 底部盒子 -->
    <div class="footBox">
        <div class="container">
            <div class="clearfix">
                <div class="col-md-4">
                    <p class="blockText">起飞页 · 优雅做网站</p>
                    <p class="text">2014年起，专注于响应式建站领域。简便、美观、快速、稳定、安全是我们不懈的追求。</p>
                    <p class="blockText">在线客服：<a href="#">点击交谈</a></p>
                    <p class="blockText">客服热线：4006-285-729 / 0512-62969169</p>
                    <p class="blockText" style="padding:20px 0 0;">合作伙伴：<a href="#">查看所有</a></p>
                    <div class="ftImg">
                        <div class="col-xs-3"><img src="./img/p1-25 (1).png" class="img-responsive" alt=""></div>
                        <div class="col-xs-3"><img src="./img/p1-25 (2).png" class="img-responsive" alt=""></div>
                        <div class="col-xs-3"><img src="./img/p1-25 (3).png" class="img-responsive" alt=""></div>
                        <div class="col-xs-3"><img src="./img/p1-25 (4).png" class="img-responsive" alt=""></div>
                    </div>
                </div>
                <div class="col-md-8 hidden-sm hidden-xs">
                    <div class="col-xs-2">
                        <div class="blockText">公司信息</div>
                        <p><a href="#">公司介绍</a></p>
                        <p><a href="#">招聘信息</a></p>
                        <p><a href="#">服务条款</a></p>
                        <p><a href="#">法律声明</a></p>
                        <p><a href="#">可接受服务</a></p>
                        <p><a href="#">免责声明</a></p>
                        <p><a href="#">退款政策</a></p>
                        <p><a href="#">自助建站</a></p>
                        <p><a href="#">网站模板</a></p>
                    </div>
                    <div class="col-xs-2">
                        <div class="blockText">技术支持</div>
                        <p><a href="#">联系客服</a></p>
                        <p><a href="#">建站教程</a></p>
                        <p><a href="#">更新日志</a></p>
                        <p><a href="#">建站商城</a></p>
                        <p><a href="#">API 文档</a></p>
                        <p><a href="#">博客</a></p>
                        <p><a href="#">建站知乎</a></p>
                    </div>
                    <div class="col-xs-4">
                        <div class="blockText">快速入口</div>
                        <p><a href="#">购买套餐和服务</a></p>
                        <p><a href="#">提交域名备案流程</a></p>
                        <p><a href="#">申请域名设定服务</a></p>
                        <p><a href="#">在线格式转换</a></p>
                        <p><a href="#">检测网站为什么打不开</a></p>
                        <p><a href="#">检测网站为什么打开很慢</a></p>
                        <p><a href="#">下载宣传册</a></p>
                    </div>
                    <div class="col-xs-4">
                        <div class="blockText">新闻资讯</div>
                        <p><a href="#">系统升级日志: V5.15</a></p>
                        <p><a href="#">系统升级日志: V5.14</a></p>
                        <p><a href="#">如何设置某个模块只在手机网站显示，或单独...</a></p>
                        <p><a href="#">如何监控关键词在搜索引擎上的排名？</a></p>
                        <p><a href="#">如何购买起飞宝SEO服务？</a></p>
                    </div>
                </div>
            </div>
            <div class="footText">
                <p class="foot-1">
                    拓展您的业务，展示您的风采，或者只是尝试一下新的想法。 起飞页自助建站平台，拉近您与互联网的距离！
                </p>
                <div class="foot-2">
                    <span>增值电信业务经营许可证苏B2-20150321</span>
                    <span>苏ICP备09008221号-3</span>
                    <div class="imgText">
                        <img src="./img/foot1.png" alt="">
                        苏公网安备 32059002001616号  
                    </div>
                </div>
                <div class="foot-3">
                    <img src="./img/foot2.png" alt="">
                </div>
                <p class="foot-4">
                    版权所有 2013-2018 苏州卡达网络科技有限公司
                </p>

            </div>

        </div>
    </div>

        
    <!-- 右侧菜单 -->
    <ul class="rightFixBox hidden-sm hidden-xs">
        <li class="clearfix">
            <div class="item box1">
                <i></i>
                <span>123456789</span>
            </div>
        </li>
        <li class="clearfix">
            <div class="item box2">
                <i></i>
                <span>教程中心</span>
            </div>
        </li>
        <li class="clearfix">
            <div class="item box3" data-toggle="tooltip" data-placement="left" title="<img src='./img/erweima.png'><br/>微信客服" data-html="true">
                <i></i>
                
            </div>
        </li>
        <li class="clearfix">
            <div class="item box4">
                <i></i>
                <span>QQ客服</span>
            </div>
        </li>
    </ul>




    <script src="./js/jquery-3.4.1.min.js"></script>
    <script src="./bootstrap/js/bootstrap.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>